<template>
  <div>
    <el-row>
      <el-col :span="6" v-for="(o, index) in 10" :key="o" :offset="index > 1 ? 2 : 2">

        <el-card :body-style="{ padding: '0px' }">

          <img src="https://apic.douyucdn.cn/upload/avatar_v3/201810/7bdc0080915292eac70eaa41f950792b_big.jpg" class="image">
          <div style="padding: 14px;">
            <div class="span">一条小团团</div>
           <div class="hot">96600热度</div>
            <div class="bottom clearfix">
            </div>
          </div>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import axios from 'axios'
export default {
  name: "hotanchor",

  methods:{

  }
}
</script>

<style scoped>
.image{
  margin-top: 10px;
  width: 100px;
  margin-left: -120px;
  border-radius: 12px;
}
.span{
  margin-top: -100px;
  margin-right: -90px
}
.hot{
  margin-right: -90px;
  margin-top: 30px;
}
</style>
<style>
.el-tabs__item {
  font-size: 20px !important;
  padding: 10px 0 50px !important;
  width: 150px !important;
  margin-top: 10px;
  /*margin-left: 30px;*/
  font-weight: 600;
  line-height: 50px;
}
</style>
